<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8"/>
 <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
 <meta name="viewport" content="width=device-width, initial-scale=1"/>
 <title>在线审批系统登录</title>

 <!-- 1. 导入CSS的全局样式 -->
 <link href="css/bootstrap.min.css" rel="stylesheet">
 <!-- 2. jQuery导入，建议使用1.9以上的版本 -->
 <script src="js/jquery-2.1.0.min.js"></script>
 <!-- 3. 导入bootstrap的js文件 -->
 <script src="js/bootstrap.min.js"></script>
 <script type="text/javascript">
 </script>
 <style>
  body {
   background-image: url("background.png");
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
  }
 </style>
</head>
<body>
<div class="container" style="width: 400px;">
 <h3 style="text-align: center;">在线审批系统登录</h3>
 <form action="/loginServlet" method="post">
  <div class="form-group">
   <label for="user">用户名：</label>
   <input type="text" name="username" class="form-control" id="user" placeholder="请输入用户名"/>
  </div>

  <div class="form-group">
   <label for="password">密码：</label>
   <input type="password" name="password" class="form-control" id="password" placeholder="请输入密码"/>
  </div>

  <hr/>
  <div class="form-group" style="text-align: center;">
   <input class="btn btn btn-primary" type="submit" value="登录">
  </div>
 </form>
</div>
</body>
</html>